<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<link href="../../../file/layui-v2.4.3/layui/css/layui.css" rel="stylesheet" media="all" />
		<title></title>
	</head>
	<style type="text/css">
		#headbtn {
			padding-left: 40px;
		}
		
		.xdmk {
			position: fixed;
		}
	</style>

	<body>
		<blockquote class="site-text layui-elem-quote">
			<h3>新增角色信息</h3>
		</blockquote>
		<form class="layui-form" action="">
			
			<div class="layui-form-item">
				<label class="layui-form-label">用户名</label>
				<div class="layui-input-block">
					<input type="text" name="username" required lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
				</div>
			</div>
			
			<div class="layui-form-item layui-form-text">
				<label class="layui-form-label">角色描述</label>
				<div class="layui-input-block">
					<textarea name="desc" placeholder="请输入角色描述" class="layui-textarea"></textarea>
				</div>
			</div>
			

			<div class="layui-form-item">
				<label class="layui-form-label">所属角色</label>
				<div class="layui-input-block">
					<input type="checkbox" name="like[jsgl]" title="角色管理">
					<input type="checkbox" name="like[cx1]" title="查询">
					<input type="checkbox" name="like[xz1]" title="新增">
					<input type="checkbox" name="like[xg1]" title="修改">
					<input type="checkbox" name="like[sc1]" title="删除">
					<input type="checkbox" name="like[plsc1]" title="批量删除">
				</div>
				<div class="layui-input-block">
					<input type="checkbox" name="like[dlgl]" title="登录管理">
					<input type="checkbox" name="like[cx2]" title="查询">
					<input type="checkbox" name="like[xz2]" title="新增">
					<input type="checkbox" name="like[xg2]" title="修改">
					<input type="checkbox" name="like[sc2]" title="删除">
					<input type="checkbox" name="like[dr2]" title="导入">
					<input type="checkbox" name="like[dc2]" title="导出">
				</div>
				<div class="layui-input-block">
					<input type="checkbox" name="like[czrz]" title="操作日志">
					<input type="checkbox" name="like[cx3]" title="查询">
				</div>
				<div class="layui-input-block">
					<input type="checkbox" name="like[dlrz]" title="登录日志">
					<input type="checkbox" name="like[cx4]" title="查询">
				</div>
			</div>

			<div class="layui-form-item">
				<div class="layui-input-block">
					<button class="layui-btn layui-btn-normal" lay-submit lay-filter="formDemo">提交</button>
					<button type="reset" class="layui-btn layui-btn-primary">重置</button>
					<button class="layui-btn layui-btn-danger">关闭</button>
				</div>
			</div>
		</form>

		<script src="../../../base/js/jquery-1.11.3.min.js"></script>
		<script src="../../../file/layui-v2.4.3/layui/layui.js"></script>
		<script type="text/javascript">
			layui.use(['form', 'element', 'carousel'], function() {
				var form = layui.form;
				var element = layui.element;
				var carousel = layui.carousel;
				form.render();
				carousel.render({
					elem: '#test1',
					width: '100%', //设置容器宽度				
					autopaly: true,
					interval: 5000,
					height: '800px',
					arrow: 'hover' //始终显示箭头
					//,anim: 'updown' //切换动画方式
				});

				$(".addUser").click(function() {
					layer.open({
						type: 2,
						title: 'layer mobile页',
						shadeClose: true,
						shade: 0.8,
						area: ['1190px', '90%'],
						content: 'userList.html' //iframe的url
					});
					//					layer.alert('内容',{
					//						icon:1,
					//						skin:'layer-ext-moon'
					//					});
				});
			});
		</script>
		<script>
			//Demo
			layui.use('form', function() {
				var form = layui.form;

				//监听提交
				form.on('submit(formDemo)', function(data) {
					layer.msg(JSON.stringify(data.field));
					return false;
				});
			});
		</script>
		<script>
			layui.use('upload', function() {
				var upload = layui.upload;

				//执行实例
				var uploadInst = upload.render({
					elem: '#test11' //绑定元素
						,
					url: '/upload/' //上传接口
						,
					done: function(res) {
						//上传完毕回调
					},
					error: function() {
						//请求异常回调
					}
				});
			});
		</script>
	</body>

</html>